<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta charset="utf-8" />
	<link rel="icon" type="image/png" href="favicon.ico" />
	<link rel="apple-touch-icon" href="touch-icon.png" />
	
	<title>Halaman Utama</title>
	
	<!--== BEGIN STYLES ==-->
	<link rel="stylesheet" href="css/config.css" />
	<!--[if IE 7]> <link rel="stylesheet" href="css/ie7.css" /> <![endif]-->
	<!--[if IE 8]> <link rel="stylesheet" href="css/ie8.css" /> <![endif]-->
	<!--[if IE 9]> <link rel="stylesheet" href="css/ie9.css" /> <![endif]-->
		
	<!--== BEGIN SCRIPTS ==-->
	<script type="text/javascript" src="js/jquery.js"></script><!--JQuery Library-->
	<script type="text/javascript" src="js/jquery.preloadify.js"></script><!--Preloadify-->
	<script type="text/javascript" src="js/scripts-top.js"></script><!--General scripts header-->
	
	<!--[if IE]> <script type="text/javascript" src="js/html5.js"></script> <![endif]-->
	
	<!-- SWitcher -->
	<link rel="stylesheet" href="QSswitcher/switcher.css" />
	
</head>
<body>
<section id="main_template" class="layout_boxed clearfix">
<!-- ============================================================================================
**************************************** HEADER SECTION *****************************************
============================================================================================= -->
<section class="container_header clearfix">
	<div class="container_12 clearfix">
	
		<div class="grid_12 head_part clearfix">
			<?php require('logo.php'); ?>
			<div class="pull-right hp_bg head_search clearfix">
				<form method="get" id="searchform" action="#">
					<input type="text" class="field" name="s" id="s" placeholder="Search" />
					<input type="submit" class="submit" name="submit" id="searchsubmit" value="" />
				</form>
			</div>
			
		</div><!-- End / .cleafix -->
		
		<div class="clear"></div>
		
	</div><!-- end / .container_12 -->
	
	<?php require('menu.php'); ?><!-- end / .main_menu_place -->	
	
</section><!-- end / .container_header -->


<!-- ============================================================================================
*********************************** MIDDLE NULL - SLIDESHOW *************************************
============================================================================================= -->
<section class="container_null clearfix">
	<div class="container_12 clearfix">
	
		<!-- ------------------ Slider/Image/Video block -------------------- -->
		<div class="grid_12 home_slider_block clearfix">
			<div id="mainSlider" class="flexslider homepage_flexslider clearfix">
				<ul class="slides">
					<li>
						<img src="img/assets/1170x450/35.jpg" alt="" />
					</li>
                    <li>
						<img src="img/assets/1170x450/37.jpg" alt="" />
					</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
		
	</div>
</section>
<div class="clear"></div>

<!-- ============================================================================================
**************************************** MIDDLE SECTION *****************************************
============================================================================================= -->
<section class="container_middle clearfix">
	<div class="container_12 clearfix">
		
		<!-- ------------------ Services -------------------- -->
		<h2 class="div_heading_center"><span>Services</span></h2>
		<div class="grid_4 block_service1">
			<i class="icn72_monitor"></i>
			<h2><a href="rekod_list.php">Rekod Kehadiran</a></h2>
		</div>
		
		<div class="grid_4 block_service1">
			<i class="icn72_white_list"></i>
			<h2><a href="kursus_list.php">Maklumat Kursus</a></h2>
		</div>
		
		<div class="grid_4 block_service1">
			<i class="icn72_group"></i>
      		<h2><a href="staf_list.php">Maklumat Staf</a></h2>
		</div>
  <div class="clear"></div>
		
		<!-- ------------------ Recent projects -------------------- -->
		<!--<h2 class="div_heading_center"><span>Recent projects</span></h2>
	
		<div class="grid_3 grid_item clearfix">
			<div class="image_wrap">
				<div class="img_wrap_in">
					<img src="img/assets/320x260/24.jpg" alt="" />
					<div class="img_wrap_caption">
						<h3><a href="#">SADE - the ultimate colection</a></h3>
						<p>Deducitur potest flens diffusa sedentem ad te, ascendi in modo cavendum es audito.</p>
						<a href="img/assets/700x500.jpg" rel="lightbox"><div class="czoom" title="Enlarge"></div></a>
						<a href="#"><div class="cmore" title="More info"></div></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="grid_3 grid_item clearfix">
			<div class="image_wrap">
				<div class="img_wrap_in">
					<img src="img/assets/320x260/22.jpg" alt="" />
					<div class="img_wrap_caption">
						<h2><a href="#">"Business for business" cards</a></h2>
						<p>Deducitur potest flens diffusa sedentem ad te, ascendi in modo cavendum es audito.</p>
						<a href="img/assets/700x500.jpg" rel="lightbox"><div class="czoom" title="Enlarge"></div></a>
						<a href="#"><div class="cmore" title="More info"></div></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="grid_3 grid_item clearfix">
			<div class="image_wrap">
				<div class="img_wrap_in">
					<img src="img/assets/320x260/78.jpg" alt="" />
					<div class="img_wrap_caption">
						<h2><a href="#">Responsive login form</a></h2>
						<p>Deducitur potest flens diffusa sedentem ad te, ascendi in modo cavendum es audito.</p>
						<a href="img/assets/700x500.jpg" rel="lightbox"><div class="czoom" title="Enlarge"></div></a>
						<a href="#"><div class="cmore" title="More info"></div></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="grid_3 grid_item clearfix">
			<div class="image_wrap">
				<div class="img_wrap_in">
					<img src="img/assets/320x260/41.jpg" alt="" />
					<div class="img_wrap_caption">
						<h2><a href="#">Super free icon set</a></h2>
						<p>Deducitur potest flens diffusa sedentem ad te, ascendi in modo cavendum es audito.</p>
						<a href="img/assets/700x500.jpg" rel="lightbox"><div class="czoom" title="Enlarge"></div></a>
						<a href="#"><div class="cmore" title="More info"></div></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="clear"></div>-->
		
		<!-- ------------------ Call to action -------------------- -->
		<!--<div class="callto clearfix">
			<div class="grid_9">
				<h2>QuickStart is a creative template excelent for any website.</h2>
				<p>Quid populi adclamationibus hanc cuius ait regem consolatus dum! Apolloni figitur acquievit sed quod tamen alius. Lorem ipsum dolor sit amet, quidditas iter carta pluribus formosae solutionem.</p>
			</div>
			<div class="grid_3 callto_btn">
				<a href="#" class="button xlarge">Get your copy!</a>
			</div>
		</div>
		<div class="clear"></div>
		
		<!-- ------------------ Recent blog posts -------------------- -->
		<!--<h2 class="div_heading_center"><span>Recent blog posts</span></h2>
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/28.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">The mother nature</a></h3>
			<p>Illa mihi Tyrum ad per accipere filia omnes civitatem aetate tanta positam in lucem exempli paupers coniunx caritate completae. Testare in fuerat accidens suos faciam...<a href="#"><small>read more</small></a>
			</p>
		</div>
		
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/56.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">Gamma selection</a></h3>
			<p>Magna amici rex Stranguillio cum unde non dum autem quod una. Ephesum iube enim ad nomine Piscatore mihi Tyrum reverteretur ad nomine Stranguillio sit audivit...<a href="#"><small>read more</small></a>
			</p>
		</div>
		
		<div class="clear"></div>
	
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/64.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">Build something!</a></h3>
			<p>Vigilans prius si puella sed dominum depressit! Tharsiam Hellenicus ut sua etiam corpusculum subito animal irruit in modo invenit Boreas quam dolore...<a href="#"><small>read more</small></a>
			</p>
		</div>
		
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/20.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">The marketing strategy</a></h3>
			<p>Primam filia navem aspectum cui ubi diceret sub tamen alius! Perquiramus atque bona dei quid populi adclamationibus hanc legibus Antiochiam innocentem si...<a href="#"><small>read more</small></a>
			</p>
		</div>
	
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/37.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">How simple is this?</a></h3>
			<p>Vigilans prius si puella sed dominum depressit! Tharsiam Hellenicus ut sua etiam corpusculum subito animal irruit in modo invenit Boreas quam dolore...<a href="#"><small>read more</small></a>
			</p>
		</div>
		
		<div class="grid_6 clearfix">
			<a href="#"><img src="img/assets/140x110/25.jpg" class="alignleft" alt="" /></a>
			<h3 class="top0"><a href="#">Typing for everyone</a></h3>
			<p>Primam filia navem aspectum cui ubi diceret sub tamen alius! Perquiramus atque bona dei quid populi adclamationibus hanc legibus Antiochiam innocentem...<a href="#"><small>read more</small></a>
			</p>
		</div>
		<div class="clear"></div>-->
		
	</div><!-- end / .container_12 -->
</section><!-- end / .container_middle -->



<!-- ============================================================================================
**************************************** FOOTER SECTION *****************************************
============================================================================================= -->
<section class="container_footer clearfix">
	<div class="container_12 clearfix">
	
		<!--====================== Responsive elements =====================-->
		<div class="footer_responsive_block clearfix">
			<div>Footer</div>
			<div class="span_resp_info">(click here to extend)</div>
		</div>
		<!--====================== / Responsive elements =====================-->
		
		<div class="footer_inner_min">
        <hr />
			<div class="grid_6 footer_mini clearfix">
				&copy; 2012 <a href="../../../../smartik.ws/default.htm" target="_blank">QuickStart</a>.  All rights reserved
			</div>
			<div class="grid_6 footer_mini clearfix">
				<div class="footer_mini_right">
					<ul class="footer_mini_menu">
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">Terms</a></li>
						<li><a href="#">Privacy</a></li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div><!-- end / .container_12 -->
</section><!-- end / .container_footer -->

</section><!-- end / #main_template -->
<script type="text/javascript" src="js/bootstrap.js"></script><!--BootStrap-->
<script type="text/javascript" src="js/jquery.plugins.js"></script><!--Plugins-->
<script type="text/javascript" src="js/prettyphoto/js/jquery.prettyPhoto.js"></script><!--Plugins-->
<script type="text/javascript" src="js/mediaelement/lib/mediaelement.js"></script>
<script type="text/javascript" src="js/mediaelement/lib/mediaelementplayer.js"></script>
<script type="text/javascript" src="../../../../maps.google.com/maps/api/js@sensor=false"></script><!-- Google Map API -->
<script type="text/javascript" src="js/gmap3.min.js"></script><!--Google map plugin-->
<script type="text/javascript" src="js/gmap.init.js"></script><!--Google map init-->
<script type="text/javascript" src="js/scripts-bottom.js"></script><!--Scripts-->
<script type="text/javascript" src="js/demo-scripts.js"></script><!--Demo-->

<!-- SWitcher -->
<script type="text/javascript" src="QSswitcher/switcher.js"></script>
</body>
</html>